<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>BOCOM 交通銀行香港分行</title>
		<link href="assets/css/screen.css" type="text/css" rel="stylesheet" media="screen" />
		<link href="assets/css/jquery-ui-1.8.16.custom.css" type="text/css" rel="stylesheet" media="screen" />
		<!--[if lte IE 6]>
		<style type="text/css">
		body { behavior:url("assets/css/csshover3.htc"); }
		</style>
		<![endif]-->
		<script type="text/javascript" src="assets/js/jquery-1.6.2.min.js"></script>
		<script type="text/javascript" src="assets/js/jquery-ui-1.8.16.custom.min.js"></script>
		<script type="text/javascript" src="assets/js/bocom-js-1.0.0.js"></script>
	</head>
	<body >
		<div id="page">
			<div id="branding">
				<div id="systemInfo">
					<span id="nameCH">BOCOM Framework Reference</span>
				</div>
			</div>
			<div id="content_wrapper">
				<div id="headerBar"></div>
				<div id="mainNavBar" class="clear">
					<ul class="nav">
						<li class="firstNode">
							<a href="/home/">Web部分</a>
								<ul>
								<li >
									<a href="/products/silverback/">HTML</a>
								</li>
								<li>
									<a href="/products/fontdeck/">CSS</a>
								</li>
								<li>
									<a href="/products/fontdeck/">Javascript</a>
								</li>
							</ul>
						</li>
						<li class="selected">
							<a href="/products/"></a>
							
							<ul>
								<li class="navNode">
									<a href="/products/silverback/">子菜單1</a>
									<ul>
										<li>
											<a href="/products/fontdeck/">子子菜單2</a>
										</li>
										<li>
											<a href="/products/fontdeck/">子子菜單3</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="/products/fontdeck/">子菜單2</a>
								</li>
								<li>
									<a href="/products/fontdeck/">子菜單3</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="/services/">保險服務</a>
							<ul>
								<li class="navNode">
									<a href="/services/design/">子菜單1</a>
									<ul>
										<li>
											<a href="/services/design/">子子菜單1</a>
										</li>
									</ul>
								</li>
								<li>
									<a href="/services/consultancy/">子菜單3</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="/contact/">投資理財</a>
						</li>
					</ul>
				</div>
				<div id="subNavBar">
					<ul>
						<li >
							<a href="1"><span>保險服務</span></a>
						</li>
						<li >
							<a href="1"><span>交易記錄（香港）</span></a>
						</li>
						<li class="active">
							<a href="1"><span>交易記錄（中國）</span></a>
						</li>
						<li>
							<a href="1"><span>存款資料（中國）</span></a>
						</li>
						<li>
							<a href="1"><span>存款資料（香港）</span></a>
						</li>
					</ul>
					<div id="subNavBarbottom">&nbsp;</div>
				</div>
				
				<div id="mainContent">
					<div id="warningMessage" class="ui-state-highlight ui-corner-all"  style="margin-top: 20px; padding: 0 .7em;font-weight: 500;font-size: 1.2em;">
						<span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
						<strong>這是一個簡單的Warning Message信息,請留意.</strong> .
					</div>
					<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;margin-top:20px;font-weight: 500;font-size: 1.2em;"">
					<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
					<strong>Error:</strong> 這是一個系統錯誤，請聯系IT.</p>
					</div>

					<div id="dataPicker" style="margin-top:50px;">
					Date: <input type="text" id="datepicker" size="10">
					</div>
					<button id="button" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false"><span class="ui-button-text">A button element</span></button>
					</div>
					<div id="sideBar"  >
					</div>
					<div id="footer">
					<div id="siteinfo_copyright">Copyright &copy; 2011 <a href="http://www.bankcomm.com.hk/tw/index.html">Bank Of Communication HK Branch</a>. All rights reserved</div>
					</div>
					<!-- // #navigation_foot -->
					</div> <!-- // #page -->
					</body>
					</html>
